﻿@{
    ViewBag.Title = "Edit";
}

<script type="text/javascript">
    $(document).ready(function() {
            $("#dlgEditGolf").dialog({
                autoOpen: false,
                show: 'slide',
                hide: 'slide',
                modal: true,
                top: 'auto',
                left: 'auto',
                width: 'auto',
            });
            $("#dlgAddGolf").dialog({
                autoOpen: false,
                show: 'slide',
                hide: 'slide',
                modal: true,
                top: 'auto',
                left: 'auto',
                width: 'auto',
            });

        });
    $(function () {
        $("#tabs").tabs().css({
           'min-height': '50px',
           'overflow': 'auto'
        });
    });

    function showDialog(mode)
    {
        $('#dlgEditGolf').dialog(mode);
    }

    function showAddDialog(mode)
    {
        $('#dlgAddGolf').dialog(mode);
    }

    function showDetail(mode) {

        var divEditDetail = document.getElementById("editDetailHotel");
        var divAddDetail = document.getElementById("addDetailHotel");
        if (mode == 'Edit') {
            divEditDetail.style.display = "block";
            divAddDetail.style.display = "none"; 
        }
        else if (mode == 'Add') {
            divEditDetail.style.display = "none";
            divAddDetail.style.display = "block";
        }
        else {
            divEditDetail.style.display = "none";
            divAddDetail.style.display = "none";
        }

    }

    function showMealDetail(mode) {

        var divEditDetail = document.getElementById("editMealDetail");
        var divAddDetail = document.getElementById("addMealDetail");
        if (mode == 'Edit') {
            divEditDetail.style.display = "block";
            divAddDetail.style.display = "none";
        }
        else if (mode == 'Add') {
            divEditDetail.style.display = "none";
            divAddDetail.style.display = "block";
        }
        else {
            divEditDetail.style.display = "none";
            divAddDetail.style.display = "none";
        }

    }


    function showAddRow(mode) {

        var trAdd = document.getElementById("trAdd");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function showAddStaffRow(mode) {

        var trAdd = document.getElementById("trAddStaff");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function showAddSSRow(mode) {

        var trAdd = document.getElementById("trAddSS");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function showAddAirRow(mode) {

        var trAdd = document.getElementById("trAddAir");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function showAddVisaRow(mode) {

        var trAdd = document.getElementById("trAddVisa");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function showAddTVRow(mode) {

        var trAdd = document.getElementById("trAddTV");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

     function showAddTrainRow(mode) {

        var trAdd = document.getElementById("trAddTrain");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function showAddPaxRow(mode) {

        var trAdd = document.getElementById("trAddPax");

        if (mode == 'Add') {
            trAdd.style.display = "table-row";
        }
        else {
            trAdd.style.display = "none";
        }

    }

    function addTableRow() {
        var table = document.getElementById("tbVehicle");
        var row = table.insertRow(table.rows.length);
        var cell1 = row.insertCell(0);
        var element1 = document.createElement("select");
        element1.style.width = "60px";

        optionCt1 = document.createElement("option");
        optionCt1.setAttribute("value", "SGN");
        optionCt1.innerHTML = "SGN";
        optionCt2 = document.createElement("option");
        optionCt2.setAttribute("value", "NRT");
        optionCt2.innerHTML = "NRT";
        optionCt3 = document.createElement("option");
        optionCt3.setAttribute("value", "HN");
        optionCt3.innerHTML = "HN";

        element1.appendChild(optionCt1);
        element1.appendChild(optionCt2);
        element1.appendChild(optionCt3);

        cell1.appendChild(element1);

        var cell2 = row.insertCell(1);
        var element2 = document.createElement("input");
        element2.type = "text";
        element2.style.width = "100px";
        cell2.appendChild(element2);

        var cell3 = row.insertCell(2);
        var element3 = document.createElement("select");
        element3.style.width = "60px";

        option1 = document.createElement("option");
        option1.setAttribute("value", "SGN");
        option1.innerHTML = "SGN";
        option2 = document.createElement("option");
        option2.setAttribute("value", "NRT");
        option2.innerHTML = "NRT";
        option3 = document.createElement("option");
        option3.setAttribute("value", "HN");
        option3.innerHTML = "HN";

        var cell4 = row.insertCell(3);
        var cell5 = row.insertCell(4);
        var cell6 = row.insertCell(5);
        var cell7 = row.insertCell(6);
        var cell8 = row.insertCell(7);
        var cell9 = row.insertCell(8);

    }
</script>
<!-- main start-->
<div id="main">
    <!-- InstanceBeginEditable name="EditRegion1" -->
    <h2>
        Edit Tour</h2>
    <!-- InstanceEndEditable -->
    <div id="error" class="error">
    </div>
    <div id="Div1" class="success">
    </div>
    <!-- InstanceBeginEditable name="EditRegion2" -->
    <p>
    </p>
    <p>
    </p>
    <table class="inputForm">
        <tbody>
            <tr>
                <th width="200px">
                    Tour Code <span class="requirement">*</span>
                </th>
                <td>
                    <input id="Text1" style="width: 280px;" class="txt100" code="USER_Code" name="USER_Code"
                        value="FJTB-0526-1160712" type="text">
                </td>
                <th width="200px">
                    New Booked <span class="requirement">*</span>
                </th>
                <td>
                    <input type="text" id="Text2" value="2013/05/20" name="USER_Code" code="USER_Code"
                        class="txt75">
                </td>
                
            </tr>
            <tr>
                <th width="200px">
                    Tour Name <span class="requirement">*</span>
                </th>
                <td>
                    <input id="txtAmount" style="width: 280px;" class="txt100" code="USER_Code" name="USER_Code"
                        value="FO700003" type="text">
                </td>
                <th width="200px">
                    Updated
                </th>
                <td>
                    <input type="text" class="txt75" id="Text2" value="2013/05/26" name="USER_Code" code="USER_Code" class="txt100"
                        >
                </td>
                
            </tr>
            <tr>
                <th width="200px">
                    Tour Period <span class="requirement">*</span>
                </th>
                <td>
                    <table style="margin: 0px; padding: 0px;">
                            <tr style="margin: 0px; padding: 0px;">
                                <td style="margin: 0px; padding: 0px;">
                                    <input class="txt75 hasDatepicker" id="Text2" code="USER_NAME" name="USER_NAME"
                                        type="text" value="2013/05/26">
                                </td>
                                <td style="margin: 0px; padding: 0px;">
                                    <input class="txt75 hasDatepicker" id="Text3" code="USER_NAME" name="USER_NAME"
                                        type="text" value="2013/05/29">
                                </td>
                                <td style="margin: 0px; padding: 0px;">
                                    <input type="text" id="Text2" value="" name="USER_Code" code="USER_Code"
                                        style="width: 30px;">
                                </td>
                                <td style="margin: 0px; padding: 0px;">
                                    <input type="text" id="Text2" value="" name="USER_Code" code="USER_Code"
                                        style="width: 80px;">
                                </td>
                            </tr>
                        </table>
                </td>
                <th width="200px">
                    Canceled
                </th>
                <td>
                    <table style="margin: 0px; padding: 0px;">
                        <tr style="margin: 0px; padding: 0px;">
                            <td style="margin: 0px; padding: 0px;">
                                <input class="txt75 hasDatepicker" id="Text2" code="USER_NAME" name="USER_NAME"
                                type="text">
                            </td>
                            <td>
                                 <select style="width: 190px;" name="select2">
                                    <option>SGN Only</option>
                                    <option>HN Only</option>
                                    <option>All</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                    
                    
                    
                </td>
            </tr>
            <tr>
                <th width="200px">
                    Pax + Tc <span class="requirement">*</span>
                </th>
                <td>
                    <table style="margin: 0px; padding: 0px;">
                    
                    <td style="margin: 0px; padding: 0px;">
                        <input type="text" id="Text2" value="" name="USER_Code" code="USER_Code" class="txt100"
                                            style="width: 40px;" value="2">
                    </td>
                    <th align="center">
                        +
                    </th>
                    <td style="margin: 0px; padding: 0px;">
                        <input type="text" id="Text2" value="" name="USER_Code" code="USER_Code" class="txt100"
                                            style="width: 40px;" value="2">
                    </td>                                                       
                    </table>
                </td>
               
                <th width="200px">
                    Final
                </th>
                <td>
                    <table style="margin: 0px; padding: 0px;">
                        <tr style="margin: 0px; padding: 0px;">
                             <td style="margin: 0px; padding: 0px;">
                    
                               <input type="text" id="Text2" value="" name="USER_Code" code="USER_Code" class="txt75"
                                                    style="width: 75px;">
                            </td>
                            <td>
                               <input type="checkbox" id="Text2" value="" name="USER_Code" code="USER_Code"
                                                    style="width: 20px;"> Protection tour
                            </td>
                        </tr>
                    </table>
                </td>
               
            </tr>
            <tr>
                <th width="200px">
                    Agent Name
                </th>
                <td>
                    <input id="Text1" style="width: 280px;" class="txt100" code="USER_Code" name="USER_Code"
                        value="" type="text">
                </td>
                <th width="200px">
                    JPN Name in VN
                </th>
                <td>
                    <input type="text" id="Text2" value="" name="USER_Code" code="USER_Code"
                        style="width: 280px;">
                </td>
                
            </tr>
            <tr>
                <th width="200px">
                    Intercharge (JPN)
                </th>
                <td>
                    <select style="width: 280px;" name="select2">
                        <option>MS.HIROSE</option>
                    </select>
                </td>
                <th width="200px">
                    Operator
                </th>
                <td>
                    <select style="width: 280px;" name="select2">
                        <option>NGUYEN THUY VY KHANH</option>
                    </select>
                </td>
                
            </tr>
        </tbody>
    </table>
    <input type="submit" value="Save" class="btn50" onclick="btnSave()" />
    <input type="submit" value="Back" class="btn50" onclick="location.href='../TMCT00/Index'" />
    <div style="height:10px;"></div>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Vehicle</a></li>
            <li><a href="#tabs-2">Hotel</a></li>
            <li><a href="#tabs-10">Golf</a></li>
            <li><a href="#tabs-3">Staff</a></li>
            <li><a href="#tabs-4">Meal</a></li>
            <li><a href="#tabs-5">S/S</a></li>
            <li><a href="#tabs-6">Air</a></li>
            <li><a href="#tabs-7">Visa</a></li>
            <li><a href="#tabs-8">TV</a></li>
            <li><a href="#tabs-11">Train</a></li>
            <li><a href="#tabs-12">Other</a></li>
            <li><a href="#tabs-13">PaxName</a></li>
            <li><a href="#tabs-14">Tourfee</a></li>
        </ul>

        <div id="tabs-1">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>

            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px" id="tbVehicle">
                <thead>
                <tr bgcolor="D8E6FC">
                   <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th50">
                        City
                    </th>
                    <th style="text-align: center;" scope="col" class="th125">
                        Date
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Location
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Car Co.
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        USD Fee
                    </th>
                     <th style="text-align: center;" scope="col" class="th200">
                        VND Fee
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        COMB
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        JSG
                    </th>
                    
                    <th style="text-align: center;" scope="col" class="th100">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                         <select style="width: 60px;" name="select2">
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select>
                    </td>
                     <td style="text-align: center;">
                        <input type="text" style="width: 100px;" value="2013/05/26" />
                    </td>
                    <td style="text-align: center;width: 150px;">
                       <select style="width: 150px;" name="select2">
                            <option>Airport pick up</option>
                            <option selected="selected">Dinner transfer</option>
                            <option>Hotel transfer</option>
                            <option>My Tho S/S</option>
                        </select>
                    </td>
                    <td style="text-align: left;width: 100px">
                        <select name="select2" style="width: 100px;">
                            <option>A</option>
                            <option>B</option>
                            <option>C</option>
                            <option>D</option>
                        </select>
                        
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="7"/>
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="0"/>
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 40px;" name="select2">
                            <option>N</option>
                            <option selected="selected">Y</option>
                        </select>
                        
                    </td>
                     <td style="text-align: left; width: 120px">
                        <select style="width: 300px;" name="select2">
                            <option>NGUYEN MINH DUC</option>
                        </select>
                        
                    </td>
                     
                    <td>
                        <input type="text" value="" style="width: 350px;"/>
                    </td>
                </tr>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                         <select style="width: 60px;" name="select2">
                            <option>SGN</option>
                            <option selected="selected">NRT</option>
                            <option>HN</option>
                        </select>
                    </td>
                     <td style="text-align: center;">
                        <input type="text" style="width: 100px;" value="2013/05/29" />
                    </td>
                    <td style="text-align: center;width: 150px;">
                       <select style="width: 150px;" name="select2">
                            <option>Airport pick up</option>
                            <option>Dinner transfer</option>
                            <option selected="selected">Hotel transfer</option>
                            <option>My Tho S/S</option>
                        </select>
                    </td>
                    <td style="text-align: left; width:100px;">
                        <select name="select2" style="width: 100px;">
                            <option>A</option>
                            <option>B</option>
                            <option>C</option>
                            <option selected="selected">D</option>
                        </select>
                        
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="10" />
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="0" />
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 40px;" name="select2">
                            <option>N</option>
                            <option>Y</option>
                        </select>
                        
                    </td>
                     <td style="text-align: left; width: 120px">
                        <select style="width: 300px;" name="select2">
                            <option>NGUYEN MINH DUC</option>
                        </select>
                        
                    </td>
                     
                    <td>
                        <input type="text" value="" style="width: 350px;"/>
                    </td>
                </tr>
                <tr class="row-alternating" id="trAdd" style="display:none;">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                         <select style="width: 60px;" name="select2">
                            <option></option>
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select>
                    </td>
                     <td style="text-align: center;">
                        <input type="text" style="width: 100px;" value="" />
                    </td>
                    <td style="text-align: center;width: 150px;">
                       <select style="width: 150px;" name="select2">
                            <option></option>
                            <option>Airport pick up</option>
                            <option>Dinner transfer</option>
                            <option selected="selected">Hotel transfer</option>
                            <option>My Tho S/S</option>
                        </select>
                    </td>
                    <td style="text-align: left; width:100px;">
                        <select name="select2" style="width: 100px;">
                            <option></option>
                            <option>A</option>
                            <option>B</option>
                            <option>C</option>
                            <option selected="selected">D</option>
                        </select>
                        
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="" />
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="" />
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 40px;" name="select2">
                            <option></option>
                            <option>N</option>
                            <option>Y</option>
                        </select>
                        
                    </td>
                     <td style="text-align: left; width: 120px">
                        <select style="width: 300px;" name="select2">
                            <option></option>
                            <option>NGUYEN MINH DUC</option>
                        </select>
                        
                    </td>
                     
                    <td>
                        <input type="text" value="" style="width: 350px;"/>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-2">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showDetail('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>
            @*<input name="btAdd" value="Add" code="btSave" class="btn60" type="button" onclick="return showDetail('Add');" />*@
            @*<input name="btEdit" value="Edit" class="btn60" type="button" onclick="return showDetail('Edit');" />*@
            @*<input name="btDelete" value="Delete" code="btSave" class="classSkip" type="submit"
                onclick="btnSave()" />*@
            <div style="height:10px;"></div>
            <div style="overflow: auto; width: 100%; border:1px solid #7DCDF4" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        Subject
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Hotel Code
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Hotel Name
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">

                        Attention
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        H-Tel
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        H-Fax
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <td style="text-align: center;width: 10px;">
                        <input type="checkbox" style="width: 10px; " onclick="return showDetail('Edit');"/>
                    </td>
                    <td style="text-align: left;">
                        NEW BOOKING
                    </td>
                    <td style="text-align: center;">
                        1027
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        RENAISSENCE
                    </td>
                     <td style="text-align: center;">
                        MS.DIEP
                      
                    </td>
                    <td style="text-align: center;">
                        (84-650)3756660
                      
                    </td>
                    <td>
                        (84-650)3756660
                    </td>
                </tr>

                <tr class="row-alternating">
                    <td style="text-align: center;width: 10px;">
                        <input type="checkbox" style="width: 10px;" onclick="return showDetail('Edit');"/>
                    </td>
                    <td style="text-align: left;">
                        NEW BOOKING
                    </td>
                    <td style="text-align: center;">
                        1030
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        REX
                    </td>
                     <td style="text-align: center;">
                        MS.HUONG
                      
                    </td>
                    <td style="text-align: center;">
                        (84-650)3756676
                      
                    </td>
                    <td>
                        (84-650)3756676
                    </td>
                </tr>

                </tbody>
                </table>
            </div>

            <div style="height:10px;"></div>

            <div id="editDetailHotel" style="display:none;border:1px solid #7DCDF4;">
                
                <table class="inputForm">
                <tr>
                    <th align="left">
                        Subject
                    </th>
                    <td colspan="5">
                        <select style="width:100%;">
                            <option>NEW BOOKING</option>
                            <option>FINAL</option>
                        </select>
                    </td>

                    <th align="left">
                        Attention
                    </th>
                    <td colspan="3">
                        <input type="text" value="MS.DIEP" />
                    </td>
                    <th colspan="2" style="text-align:left;">
                        H-Tel: (84-650)3756660
                    </th>
                </tr>
                <tr>
                    <th align="left">
                        Hotel
                    </th>
                    <td>
                        <select>
                            <option>1027</option>
                            <option>1030</option>
                        </select>
                    </td>

                    <th>
                        Paxtc
                    </th>
                    <td>
                        <input type="text" value="2" style="width:30px;" />
                    </td>
                     <th>
                        +
                    </th>
                    <td style="text-align:right;">
                        <input type="text" value="0" style="width:30px;"/>
                    </td>

                     <th align="left" style="font-size:16px; color:Blue;">
                        SGN
                    </th>
                    <th colspan="3" style="font-size:16px; color:Blue;">
                        RENAISSENCE
                    </th>

                    <th colspan="2" style="text-align:left;">
                        H-Fax: (84-650)3756660
                    </th>
                </tr>
            </table>
                <table style="height:20px;">
                </table>
                <table class="inputForm">
                <tr>
                    <th align="left">
                        Period
                    </th>
                    <th align="left">
                        CHK-IN
                    </th>

                   <th align="left">
                        CHK-OUT
                    </th>
                    <th align="left">
                        Payment
                    </th>
                    
                </tr>
                <tr>
                    <th align="left" >
                        1st Call
                    </th>
                    <td>
                        <input type="text" value="2013/05/26" style="width:100px;" />
                    </td>

                    <td>
                        <input type="text" value="2013/05/29" style="width:100px;" />
                    </td>
   
                    <td style="text-align:left;">
                        <select>
                            <option>BY APEX VIETNAM CO., LTD</option>
                            <option>BY APEX JAPAN CO., LTD</option>
                            <option>BY GUEST</option>
                        </select>
                    </td>

                </tr>
              
                <tr>
                    <th align="left" >
                        Arr-Dep-Alt
                    </th>
                    <td>
                       <select>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>

                    <td>
                        <select>
                            <option>JL759</option>
                            <option selected="selected">JL750</option>
                        </select>
                    </td>
     
                    <th align="left">Notes</th>
                </tr>

                <tr>
                    <th align="left" >
                        2nd Call
                    </th>
                    <td>
                        <input type="text" value="" style="width:100px;" />
                    </td>

                    <td>
                        <input type="text" value="" style="width:100px;" />
                    </td>

                    <td rowspan="2" style="text-align:right;">
                        <input type="text" value="" style="width:190px; height:35px"/>
                    </td>
                </tr>

                <tr>
                    <th align="left" >
                        Arr-Dep-Alt
                    </th>
     
                    <td>
                       <select>
                            <option></option>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>

                    <td>
                        <select>
                            <option></option>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>

                   
                </tr>

                <tr style="height:50;">
                </tr>

                
            </table>
                
                <table class="inputForm">
                <tr>
                    <th align="left" style="width:120;">
                        No of Room
                    </th>
                    <th class="th30"></th>
                    <th align="left">Type</th>

                    <th align="left" colspan="2">Meal</th>
                </tr>
                <tr>
                    <th align="left" >
                        TWN
                    </th>
                    <td class="th30">
                       <input type="text" value="1" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" value ="UPGRAGE" />
                    </td>
                    
                    <td colspan="2">
                        <input type="checkbox" /> Breakfast
                    </td>
                     <th>
                        Rooming
                    </th>
              
                    <td>
                        <select>
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <th align="left" >
                        SGL
                    </th>
                    <td class="th30">
                       <input type="text" value="" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" />
                    </td>
                    <td colspan="2"></td>
       
                     <th>
                        Status
                    </th>
 
                    <td>
                        <select>
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <th align="left" >
                        DBL
                    </th>
                    <td class="th30">
                       <input type="text" value="" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" />
                    </td>
    
                    
                </tr>

                <tr>
                    
                    <th align="left" >
                        TRP
                    </th>
                    <td class="th30">
                       <input type="text" value="" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" />
                    </td>        
                   
                    
                </tr>
                <tr>
                    <th align="left" >
                        Others
                    </th>
                    <td class="th30" colspan="2">
                       <input type="text" style="width:200px;"/>
                    </td>

                </tr>
            </table>
                <input name="btSaveHotel" value="Save Hotel Info" code="btSave" class="classSkip" type="submit"
                onclick="showDetail('Close')" />
            </div>
            <div id="addDetailHotel" style="display:none;border:1px solid #7DCDF4;">
                <table class="inputForm">
                <tr>
                    <th align="left">
                        Subject
                    </th>
                    <td colspan="5">
                        <select style="width:100%;">
                            <option></option>
                            <option>NEW BOOKING</option>
                            <option>FINAL</option>
                        </select>
                    </td>

                    <th align="left">
                        Attention
                    </th>
                    <td colspan="3">
                        <input type="text" value="" />
                    </td>
                    <th colspan="2" style="text-align:left;">
                        H-Tel:
                    </th>
                </tr>
                <tr>
                    <th align="left">
                        Hotel
                    </th>
                    <td>
                        <select>
                            <option></option>
                            <option>1027</option>
                            <option>1030</option>
                        </select>
                    </td>

                    <th>
                        Paxtc
                    </th>
                    <td>
                        <input type="text" value="" style="width:30px;" />
                    </td>
                     <th>
                        +
                    </th>
                    <td style="text-align:right;">
                        <input type="text" value="" style="width:30px;"/>
                    </td>

                     <th align="left" style="font-size:16px; color:Blue;">
                        
                    </th>
                    <th colspan="3" style="font-size:16px; color:Blue;">
                        
                    </th>

                    <th colspan="2" style="text-align:left;">
                        H-Fax:
                    </th>
                </tr>
            </table>
                <table style="height:20px;">
                </table>
                <table class="inputForm">
                <tr>
                    <th align="left">
                        Period
                    </th>
                    <th align="left">
                        CHK-IN
                    </th>

                   <th align="left">
                        CHK-OUT
                    </th>
                    <th align="left">
                        Payment
                    </th>
                    
                </tr>
                <tr>
                    <th align="left" >
                        1st Call
                    </th>
                    <td>
                        <input type="text" value="" style="width:100px;" />
                    </td>

                    <td>
                        <input type="text" value="" style="width:100px;" />
                    </td>
   
                    <td style="text-align:left;">
                        <select>
                            <option></option>
                            <option>BY APEX VIETNAM CO., LTD</option>
                            <option>BY APEX JAPAN CO., LTD</option>
                            <option>BY GUEST</option>
                        </select>
                    </td>

                </tr>
              
                <tr>
                    <th align="left" >
                        Arr-Dep-Alt
                    </th>
                    <td>
                       <select>
                            <option></option>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>

                    <td>
                        <select>
                            <option></option>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>
     
                    <th align="left">Notes</th>
                </tr>

                <tr>
                    <th align="left" >
                        2nd Call
                    </th>
                    <td>
                        <input type="text" value="" style="width:100px;" />
                    </td>

                    <td>
                        <input type="text" value="" style="width:100px;" />
                    </td>

                    <td rowspan="2" style="text-align:right;">
                        <input type="text" value="" style="width:190px; height:35px"/>
                    </td>
                </tr>

                <tr>
                    <th align="left" >
                        Arr-Dep-Alt
                    </th>
     
                    <td>
                       <select>
                            <option></option>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>

                    <td>
                        <select>
                            <option></option>
                            <option>JL759</option>
                            <option>JL750</option>
                        </select>
                    </td>

                   
                </tr>

                <tr style="height:50;">
                </tr>

                
            </table>
                
                <table class="inputForm">
                <tr>
                    <th align="left" style="width:120;">
                        No of Room
                    </th>
                    <th class="th30"></th>
                    <th align="left">Type</th>

                    <th align="left" colspan="2">Meal</th>
                </tr>
                <tr>
                    <th align="left" >
                        TWN
                    </th>
                    <td class="th30">
                        <input type="text" value="" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" value ="" />
                    </td>
                    
                    <td colspan="2">
                        <input type="checkbox" /> Breakfast
                    </td>
                     <th>
                        Rooming
                    </th>
              
                    <td>
                        <select>
                            <option></option>
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <th align="left" >
                        SGL
                    </th>
                    <td class="th30">
                       <input type="text" value="" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" />
                    </td>
                    <td colspan="2"></td>
       
                     <th>
                        Status
                    </th>
 
                    <td>
                        <select>
                            <option></option>
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <th align="left" >
                        DBL
                    </th>
                    <td class="th30">
                       <input type="text" value="" style="width:30px;"/>
                    </td>

                    <td>
                        <input type="text" />
                    </td>
    
                    
                </tr>

                <tr>
                    <th align="left" >
                        TRP
                    </th>
                    <td class="th30">
                       <input type="text" value="" style="width:30px;"/>
                    </td>
                    <td>
                        <input type="text" />
                    </td>
                </tr>
                <tr>
                     <th align="left" >
                        Others
                    </th>
                    <td class="th30" colspan="2">
                       <input type="text" style="width:200px;"/>
                    </td>
                </tr>
            </table>
                <input name="btSaveHotel" value="Save Hotel Info" code="btSave" class="classSkip" type="submit"
                onclick="showDetail('Close')" />
            </div>
        </div>

        <div id="tabs-3">
             <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddStaffRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>

            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        City
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Date
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Name
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        Staff Type
                    </th>
                    <th style="text-align: center;" scope="col" class="th50">
                        Status
                    </th>
                     <th style="text-align: center;" scope="col" class="th100">
                        Working Type
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select> 
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/26"  style="width: 100%;"/>
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        <select style="width: 100%;" name="select2">
                            <option>NGUYEN THI KIM PHUNG</option>
                            <option>NGUYEN THI DUONG</option>
                            <option>NGUYEN VAN MANH</option>
                        </select> 
                    </td>
                     <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option>Guide</option>
                            <option selected="selected">Interpreter</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option selected="selected">OK</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option>FULL DAY</option>
                            <option selected="selected">HALF DAY</option>
                        </select>
                      
                    </td>
                    <td>
                        <input type="text" value=""  style="width: 100%;"/>
                    </td>
                </tr>

                <tr class="row-alternating">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select> 
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/26"  style="width: 100%;"/>
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        <select style="width: 100%;" name="select2">
                            <option>NGUYEN THI KIM PHUNG</option>
                            <option selected="selected">NGUYEN THI DUONG</option>
                            <option>NGUYEN VAN MANH</option>
                        </select> 
                    </td>
                     <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option selected="selected">Guide</option>
                            <option>Interpreter</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option selected="selected">OK</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option>FULL DAY</option>
                            <option>HALF DAY</option>
                        </select>
                      
                    </td>
                    <td>
                        <input type="text" value=""  style="width: 100%;"/>
                    </td>
                </tr>

                <tr class="row-alternating" id="trAddStaff" style="display:none;">
                   <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: left;">
                        <select  style="width: 100%;" name="select2">
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select> 
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value=""  style="width: 100%;"/>
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        <select style="width: 100%;" name="select2">
                            <option></option>
                            <option>NGUYEN THI KIM PHUNG</option>
                            <option>NGUYEN THI DUONG</option>
                            <option>NGUYEN VAN MANH</option>
                        </select> 
                    </td>
                     <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option></option>
                            <option>Guide</option>
                            <option>Interpreter</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <select  style="width: 100%;" name="select2">
                             <option></option>
                            <option>FULL DAY</option>
                            <option>HALF DAY</option>
                        </select>
                      
                    </td>
                    <td>
                        <input type="text" value=""  style="width: 100%;"/>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddStaffRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-4">
             <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showMealDetail('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>
            @*<input name="btAdd" value="Add" code="btSave" class="btn60" type="button" onclick="return showDetail('Add');" />*@
            @*<input name="btEdit" value="Edit" class="btn60" type="button" onclick="return showDetail('Edit');" />*@
            @*<input name="btDelete" value="Delete" code="btSave" class="classSkip" type="submit"
                onclick="btnSave()" />*@
            <div style="height:10px;"></div>
            <div style="overflow: auto; width: 100%; border:1px solid #7DCDF4" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                   <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        Subject
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Hotel Code
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Hotel Name
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">

                        Attention
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        H-Tel
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        H-Fax
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <td style="text-align: center;width: 10px;">
                        <input type="checkbox" style="width: 10px; " onclick="return showMealDetail('Edit');"/>
                    </td>
                    <td style="text-align: left;">
                        NEW BOOKING
                    </td>
                    <td style="text-align: center;">
                        1608
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        PHO XUA (LE QUY DON)
                    </td>
                     <td style="text-align: center;">
                        MS.LINH
                      
                    </td>
                    <td style="text-align: center;">
                        (84-8)39308182
                      
                    </td>
                    <td>
                        (84-8)39308168
                    </td>
                </tr>

                <tr class="row-alternating">
                    <td style="text-align: center;width: 10px;">
                        <input type="checkbox" style="width: 10px;" onclick="return showMealDetail('Edit');"/>
                    </td>
                    <td style="text-align: left;">
                        NEW BOOKING
                    </td>
                    <td style="text-align: center;">
                        1030
                    </td>
                    
                    <td style="text-align: left;width: 50px;">
                        SAI GON PHO
                    </td>
                     <td style="text-align: center;">
                        MS.LAN
                      
                    </td>
                    <td style="text-align: center;">
                        (84-650)3756689
                      
                    </td>
                    <td>
                        (84-650)3756689
                    </td>
                </tr>

                </tbody>
                </table>
            </div>

            <div id="editMealDetail" style="display:none;border:1px solid #7DCDF4;">
                <table class="inputForm">
                <tr>
                    <th align="left">
                        Subject
                    </th>
                    <td>
                        <select style="width:100%;">
                            <option>NEW BOOKING</option>
                            <option>FINAL</option>
                        </select>
                    </td>

                    <th align="left">
                        Attention
                    </th>
                    <td colspan="3">
                        <input type="text" value="MS.LINH" />
                    </td>
                   
                    <td colspan="2" style="text-align:left;">
                        H-Tel: (84-8)39308182
                    </td>
                </tr>
                <tr>
                    <th align="left">
                        Hotel
                    </th>
                    <td>
                        <select>
                            <option>1608</option>
                            <option>1705</option>
                        </select>
                    </td>

                     <th align="left">
                        SGN
                    </th>
                    <th colspan="3">
                        PHO XUA (LE QUY DON)
                    </th>
                   
                    <td colspan="2" style="text-align:left;">
                        H-Fax: (84-8)39308168
                    </td>
                </tr>
            </table>
                <table style="height:50;">
                </table>
                <table class="inputForm">
                <tr>
                    <th align="center" style="width:150px;">
                        Time
                    </th>
                    <th align="left" style="width:150px;">
                        Date
                    </th>

                   <th style="width:150px; text-align:center;">
                        Menu
                    </th>
                    <th align="center" style="width:150px;">
                        Order Price (/Pax)
                    </th>
                   <th align="center">
                        Currency
                    </th>
                    <th align="left">
                        Paxtc
                    </th>
                    <td>
                        <input type="text" value="2" style="width:30px;" />
                    </td>
                    <th align="left">
                        +
                    </th>
                    <td>
                        <input type="text" value="0" style="width:30px;" />
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <select>
                            <option>B.FAST</option>
                            <option>LNC</option>
                            <option selected="selected">DNR</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" value="2013/05/26" style="width:100px;"/>
                    </td>

                   <td align="center" style="width:150px;">
                       <select>
                            <option>Vietnamese</option>
                            <option>Japanese</option>
                       </select>
                    </td>
                    <td>
                        <input type="text" value="10" text-align:right;"/> 
                    </td>
                    <td align="center">
                       <select>
                            <option>VND</option>
                            <option>USD</option>
                       </select>
                    </td>
                    <th align="left">
                        Status
                    </th>
                    <td colspan="3">
                        <select>
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                    </td>
                   
                </tr>
                <tr>
                    <th align="left" style="width:150;">
                        Arranged By
                    </th>
                    <td colspan="2">
                        <select style="width:100%;">
                            <option>APEX VIETNAM</option>
                            <option>APEX JAPAN</option>
                            <option>GUEST</option>
                        </select>
                    </td>

                </tr>
                <tr>
                    <th align="left" style="width:150;">
                        Payment
                    </th>
                    <td colspan="2">
                        <select  style="width:100%;">
                            <option>By APEX VIETNAM</option>
                            <option>By APEX JAPAN</option>
                            <option>By GUEST</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th align="left" style="width:150;">
                        Notes
                    </th>
                    <td colspan="2">
                        <input type="text" style="height:50px; width:100%;" value="" />
                    </td>
                </tr>
            </table>
                <input name="btSaveMeal" value="Save Meal Info" code="btSave" class="classSkip" type="submit"
                onclick="showDetail('Close')" />
            </div>
             <div style="height:10px;"></div>
            <div id="addMealDetail" style="display:none;border:1px solid #7DCDF4;">
                <table class="inputForm">
                <tr>
                    <th align="left">
                        Subject
                    </th>
                    <td>
                        <select style="width:100%;">
                            <option></option>
                            <option>NEW BOOKING</option>
                            <option>FINAL</option>
                        </select>
                    </td>

                    <th align="left">
                        Attention
                    </th>
                    <td colspan="3">
                        <input type="text" value="" />
                    </td>
                   
                    <td colspan="2" style="text-align:left;">
                        H-Tel:
                    </td>
                </tr>
                <tr>
                    <th align="left">
                        Hotel
                    </th>
                    <td>
                        <select>
                            <option></option>
                            <option>1608</option>
                            <option>1705</option>
                        </select>
                    </td>

                     <th align="left">
                        
                    </th>
                    <th colspan="3">
                       
                    </th>
                   
                    <td colspan="2" style="text-align:left;">
                        H-Fax:
                    </td>
                </tr>
            </table>
                <table style="height:50;">
                </table>
                <table class="inputForm">
                <tr>
                    <th align="center" style="width:150px;">
                        Time
                    </th>
                    <th align="left" style="width:150px;">
                        Date
                    </th>

                   <th style="width:150px; text-align:center;">
                        Menu
                    </th>
                    <th align="center" style="width:150px;">
                        Order Price (/Pax)
                    </th>
                   <th align="center">
                        Currency
                    </th>
                    <th align="left">
                        Paxtc
                    </th>
                    <td>
                        <input type="text" value="" style="width:30px;" />
                    </td>
                    <th align="left">
                        +
                    </th>
                    <td>
                        <input type="text" value="" style="width:30px;" />
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <select>
                            <option></option>
                            <option>B.FAST</option>
                            <option>LNC</option>
                            <option>DNR</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" value="" style="width:100px;"/>
                    </td>

                   <td align="center" style="width:150px;">
                       <select>
                            <option></option>
                            <option>Vietnamese</option>
                            <option>Japanese</option>
                       </select>
                    </td>
                    <td>
                        <input type="text" value="" text-align:right;"/> 
                    </td>
                    <td align="center">
                       <select>
                            <option></option>
                            <option>VND</option>
                            <option>USD</option>
                       </select>
                    </td>
                    <th align="left">
                        Status
                    </th>
                    <td colspan="3">
                        <select>
                            <option></option>
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                    </td>
                   
                </tr>
                <tr>
                    <th align="left" style="width:150;">
                        Arranged By
                    </th>
                    <td colspan="2">
                        <select style="width:100%;">
                            <option></option>
                            <option>APEX VIETNAM</option>
                            <option>APEX JAPAN</option>
                            <option>GUEST</option>
                        </select>
                    </td>

                </tr>
                <tr>
                    <th align="left" style="width:150;">
                        Payment
                    </th>
                    <td colspan="2">
                        <select  style="width:100%;">
                            <option></option>
                            <option>By APEX VIETNAM</option>
                            <option>By APEX JAPAN</option>
                            <option>By GUEST</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th align="left" style="width:150;">
                        Notes
                    </th>
                    <td colspan="2">
                        <input type="text" style="height:50px; width:100%;" value="" />
                    </td>
                </tr>
            </table>
                <input name="btSaveMeal" value="Save Meal Info" code="btSave" class="classSkip" type="submit"
                onclick="showDetail('Close')" />
            </div>
        </div>

        <div id="tabs-5">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddSSRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>

            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        SS-ID
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        S/S Name
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Date
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Arrange By
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center;">
                        <select name="select2" style="width: 100%;">
                            <option selected="selected">1009</option>
                            <option>1010</option>
                            <option>1011</option>
                            <option>1012</option>
                        </select>
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="MS AO DAI" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/26" style="width: 100%;"/>
                    </td>
                    <td style="text-align: left;">
                        <select name="select2" style="width: 100%;">
                            <option>BY APEX VIETNAM CO.,LTD</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center;">
                        <select style="width: 100%;" name="select2">
                            <option>1009</option>
                            <option>1010</option>
                            <option selected="selected">1011</option>
                            <option>1012</option>
                        </select>
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="MY THO" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/29" style="width: 100%;"/>
                    </td>
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>BY APEX VIETNAM CO.,LTD</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>
                <tr class="row-alternating" id="trAddSS" style="display:none;">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center;">
                        <select style="width: 100%;" name="select2">
                            <option></option>
                            <option>1009</option>
                            <option>1010</option>
                            <option>1011</option>
                            <option>1012</option>
                        </select>
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;" style="width: 100%;">
                        <input type="text" value="" />
                    </td>
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>BY APEX VIETNAM CO.,LTD</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>

                
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddSSRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-6">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddAirRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>
            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th50">
                        Flight-No
                    </th>
                    <th style="text-align: center;" scope="col" class="th70">
                        Time
                    </th>
                    <th style="text-align: center;" scope="col" class="th125">
                        Date
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Route
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Pax No
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Class
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        OK
                    </th>
                     <th style="text-align: center;" scope="col" class="th100">
                        Issued By
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                        <input type="text" value="JL759" style="width: 100px;" />
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="22:05 ARR" />
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/26" />
                    </td>
                    <td style="text-align: left;">
                        <select style="width: 150px;" name="select2">
                            <option>SGN/NRT</option>
                            <option>NRT/SGN</option>
                            <option>SGN/HN</option>
                            <option>HN/SGN</option>
                        </select>
                        
                    </td>
                    <td style="text-align: left;width: 50px;">
                        <input type="text" value="2" style="width: 50px;" />
                    </td>
                    <td style="text-align: center;">
                        <select style="width: 50px;" name="select2">
                            <option>Y</option>
                            <option>N</option>
                        </select>
                      
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 80px;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    <td style="text-align: right;">
                        <select style="width: 200px;" name="select2">
                            <option>APEX JAPAN</option>
                            <option>APEX VIETNAM</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" />
                    </td>
                </tr>
                <tr class="row-alternating">
                   <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                     <td style="text-align: center; width: 60px;">
                        <input type="text" value="JL750" style="width: 100px;" />
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="22:45 DEP" />
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/29" />
                    </td>
                    <td style="text-align: left;">
                        <select style="width: 150px;" name="select2">
                            <option>SGN/NRT</option>
                            <option selected="selected">NRT/SGN</option>
                            <option>SGN/HN</option>
                            <option>HN/SGN</option>
                        </select>
                        
                    </td>
                    <td style="text-align: left;width: 50px;">
                        <input type="text" value="2" style="width: 50px;" />
                    </td>
                    <td style="text-align: center;">
                        <select style="width: 50px;" name="select2">
                            <option>Y</option>
                            <option>N</option>
                        </select>
                      
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 80px;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    <td style="text-align: right;">
                        <select style="width: 200px;" name="select2">
                            <option>APEX JAPAN</option>
                            <option>APEX VIETNAM</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" />
                    </td>
                </tr>

                <tr class="row-alternating" id="trAddAir" style="display:none;">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                     <td style="text-align: center; width: 60px;">
                        <input type="text" value="" style="width: 100px;" />
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="" />
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="" />
                    </td>
                    <td style="text-align: left;">
                        <select style="width: 150px;" name="select2">
                            <option>SGN/NRT</option>
                            <option selected="selected">NRT/SGN</option>
                            <option>SGN/HN</option>
                            <option>HN/SGN</option>
                        </select>
                        
                    </td>
                    <td style="text-align: left;width: 50px;">
                        <input type="text" value="" style="width: 50px;" />
                    </td>
                    <td style="text-align: center;">
                        <select style="width: 50px;" name="select2">
                            <option>Y</option>
                            <option>N</option>
                        </select>
                      
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 80px;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    <td style="text-align: right;">
                        <select style="width: 200px;" name="select2">
                            <option>APEX JAPAN</option>
                            <option>APEX VIETNAM</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" />
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddAirRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-7">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddVisaRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>

            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Pax
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        Type
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        Case
                    </th>
                    <th style="text-align: center;" scope="col" class="th150">
                        M list Received
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Invi-Up-Date
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                   <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                        <input type="text" value="2" style="width: 100%;" />
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <select style="width: 100%;" name="select2">
                            <option>1 MONTH</option>
                            <option>1 MONTH DOUBLE</option>
                            <option>2 MONTH</option>
                            <option>3 MONTH</option>
                        </select>
                    </td>
                    <td style="text-align: center;">
                       <select style="width: 100%;" name="select2">
                            <option>NORMAL</option>
                            <option>SPECIAL</option>
                        </select>
                    </td>
                    <td style="text-align: left;width: 100px;">
                        <input type="text" value="2013/05/26" style="width: 100%;"/>
                        
                    </td>
                    <td style="text-align: left;width: 100px;">
                        <input type="text" value="" style="width: 100%;"/>
                        
                    </td>
                    <td style="text-align: left;width: 150px;">
                        <input type="text" value="SATO" style="width: 100%;" />
                    </td>
                    
                </tr>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                     <td style="text-align: center; width: 60px;">
                        <input type="text" value="1" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <select style="width: 100%;" name="select2">
                            <option>1 MONTH</option>
                            <option>1 MONTH DOUBLE</option>
                            <option>2 MONTH</option>
                            <option>3 MONTH</option>
                        </select>
                    </td>
                    <td style="text-align: center;">
                       <select style="width: 100%;" name="select2">
                            <option>NORMAL</option>
                            <option>SPECIAL</option>
                        </select>
                    </td>
                    <td style="text-align: left;width: 100px;">
                        <input type="text" value="2013/05/29" style="width: 100%;"/>
                        
                    </td>
                    <td style="text-align: left;width: 100px;">
                        <input type="text" value="" style="width: 100%;"/>
                        
                    </td>
                    <td style="text-align: left;width: 150px;">
                        <input type="text" value="NAKAMURA" style="width: 100%;" />
                    </td>
                </tr>

                <tr class="row-alternating" id="trAddVisa" style="display:none;">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                     <td style="text-align: center; width: 60px;">
                        <input type="text" value="" style="width: 100%;" />
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <select style="width: 100%;" name="select2">
                             <option></option>
                            <option>1 MONTH</option>
                            <option>1 MONTH DOUBLE</option>
                            <option>2 MONTH</option>
                            <option>3 MONTH</option>
                        </select>
                    </td>
                    <td style="text-align: center;">
                       <select style="width: 100%;" name="select2">
                             <option></option>
                            <option>NORMAL</option>
                            <option>SPECIAL</option>
                        </select>
                    </td>
                    <td style="text-align: left;width: 100px;">
                        <input type="text" value="" style="width: 100%;"/>
                        
                    </td>
                    <td style="text-align: left;width: 100px;">
                        <input type="text" value="" style="width: 100%;"/>
                        
                    </td>
                    <td style="text-align: left;width: 150px;">
                        <input type="text" value="" style="width: 100%;" />
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddVisaRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-8">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddTVRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>

            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        City
                    </th>
                    <th style="text-align: center;" scope="col" class="th125">
                        Date
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Start Time
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        End Time
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Name
                    </th>
                    <th style="text-align: center;" scope="col" class="th50">
                        OK
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                         <select style="width: 100%;" name="select2">
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select>
                    </td>
                     <td style="text-align: center;">
                        <input type="text" value="2013/05/26" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="22:05" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="06:00" style="width: 100%;"/>
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="FPT" style="width: 100%;" />
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option selected="selected">OK</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>
                <tr class="row-alternating">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                         <select style="width: 100%;" name="select2">
                            <option>SGN</option>
                            <option selected="selected">NRT</option>
                            <option>HN</option>
                        </select>
                    </td>
                     <td style="text-align: center;">
                        <input type="text" value="2013/05/29" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="06:05" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="09:00" style="width: 100%;"/>
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="ISUZU VIETNAM" style="width: 100%;" />
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option selected="selected">OK</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>

                <tr class="row-alternating" id="trAddTV" style="display:none;">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                         <select style="width: 100%;" name="select2">
                            <option></option>
                            <option>SGN</option>
                            <option>NRT</option>
                            <option>HN</option>
                        </select>
                    </td>
                     <td style="text-align: center;">
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                    <td style="text-align: center;width: 60px;">
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                    <td style="text-align: left;">
                        <input type="text" value="" style="width: 100%;" />
                    </td>
                    <td style="text-align: left; width: 120px">
                        <select style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddTVRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-10">
             <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "showAddDialog('open')" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>
            @*<input name="btAdd" value="Add" code="btSave" class="btn60" type="button" onclick="return showDetail('Add');" />*@
            @*<input name="btEdit" value="Edit" class="btn60" type="button" onclick="return showDetail('Edit');" />*@
            @*<input name="btDelete" value="Delete" code="btSave" class="classSkip" type="submit"
                onclick="btnSave()" />*@
            <div style="height:10px;"></div>

            <div style="overflow: auto; width: 100%; border:1px solid #7DCDF4">
                <table class="data-table" style="width: 1000px">
            <thead>
            <tr bgcolor="D8E6FC">
                <th style="text-align: center;" scope="col">
                    <input type="checkbox" />
                </th>
                <th style="text-align: center;" scope="col" class="th150">
                    Subject
                </th>
                <th style="text-align: center;" scope="col" class="th100">
                    Golf Code
                </th>
                <th style="text-align: center;" scope="col" class="th200">
                    Golf Name
                </th>
                <th style="text-align: center;" scope="col" class="th150">
                    H-Tel
                </th>
                <th style="text-align: center;" scope="col" class="th150">
                    H-Fax
                </th>
            </tr>
            </thead>
            <tbody>
            <tr class="row-alternating">
                <td style="text-align: center;width: 10px;">
                    <input type="checkbox" style="width: 10px; " onclick="return showDialog('open');"/>
                </td>
                <td style="text-align: left;">
                    NEW BOOKING
                </td>
                <td style="text-align: center;">
                    1
                </td>
                    
                <td style="text-align: left;width: 50px;">
                    SONG BE GOLF RESORT
                </td>

                <td style="text-align: center;">
                    (84-650)3756660
                      
                </td>
                <td>
                    (84-650)3756660
                </td>
            </tr>

            <tr class="row-alternating">
                <td style="text-align: center;width: 10px;">
                    <input type="checkbox" style="width: 10px; " onclick="return showDialog('open');"/>
                </td>
                <td style="text-align: left;">
                    NEW BOOKING
                </td>
                <td style="text-align: center;">
                    2
                </td>
                    
                <td style="text-align: left;width: 50px;">
                    HCM GOLF RESORT
                </td>

                <td style="text-align: center;">
                    (84-08)3756654
                      
                </td>
                <td>
                    (84-08)3756654
                </td>
            </tr>

            </tbody>
            </table>
            </div>

            <div id="dlgEditGolf">
                <table class="inputForm">
                <tr>
                    <th>
                        SUBJECT
                    </th>
                    <td colspan="3">
                        <select>
                            <option>NEW BOOKING</option>
                        </select>
                    </td>

                    <td style="text-align:right;">
                        Tel: (84-650)3756660
                    </td>
                </tr>
                <tr>
                    <th>
                        GOLF
                    </th>
                    <td>
                        <select>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" value="BDG" readonly="readonly" style="width:80;" />
                    </td>
                    <td>
                        <input type="text" value="SONG BE GOLF RESORT" readonly="readonly" style="width:400;" />
                    </td>
                    <td style="text-align:right;">
                        Fax: (84-650)3784402
                    </td>
                </tr>
            </table>
            
                <table class="inputForm">
                <tr>
                    <th class="th100" style="text-align:left;">
                        Date
                    </th>
                    <td style="width:100px;">
                        <input type="text" value="2013/05/27" style="width:100px;"/>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Course
                    </th>
                    <td style="width:100px;">
                        <select style="width:100px;">
                            <option></option>
                            <option>EAST</option>
                             <option>WEST</option>
                              <option>NORTH</option>
                               <option>SOUTH</option>
                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Meal
                    </th>
                    <td style="width:100;">
                        <select>
                            <option></option>
                            <option>Breakfast</option>
                             <option>Lunch</option>
                              <option>Dinner</option>
                        </select>
                    </td>
                    <th class="th100" style="text-align:left;">
                        Comment
                    </th>
                    <td>
                        <input type="text" value="" style="width:130;"/>
                    </td>
                </tr>

                <tr>
                    <th class="th200" style="text-align:left;">
                        Tee Off Time
                    </th>
                    <td style="width:150;">
                        <select style="width:100px;">
                            <option></option>
                            <option>5:00 AM</option>
                             <option>6:00 AM</option>
                              <option>7: 00 AM</option>
                               <option>8:00 AM</option>
                               <option>9:00 AM</option>
                               <option>10:00 AM</option>
                               <option>11:00 AM</option>
                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Arranged
                    </th>
                    <td style="width:200;">
                        <select style="width:100px;">
                            <option></option>
                            <option>A</option>
                             <option>B</option>
                              <option>C</option>
                               <option>D</option>
                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Others
                    </th>
                    <td colspan="2">
                         <input type="text" value="" style="width:100%;"/>
                    </td>
                    
                </tr>

                 <tr>
                    <th class="th200" style="text-align:left;">
                        Pax
                    </th>
                    <td style="width:150;">
                        <select>
                            <option>2</option>
                            <option>4</option>

                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Status
                    </th>
                    <td style="width:200;">
                        <select style="width:100px;">
                            <option></option>
                            <option>OK</option>
                              <option>NG</option>
                        </select>
                    </td>

                </tr>

                <tr>
                    <td colspan="4">
                        <table>
                            <tr>
                                <th class="th100">By Guest(s)</th>
                                <th class="th200"></th>
                                 <th class="th100">Bill To APEX VN</th>
                                  <th class="th200" colspan="2">Rental Equipment</th>

                            </tr>
                            <tr>
                                <td align="center">
                                    <input type="radio" name="rdGCF" />
                                </td>
                                <td style="width:30px;">
                                    Green and Caddy Fee
                                </td>
                                <td align="center">
                                    <input type="radio" name="rdGCF" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Steel Golf Set
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <input type="radio" name="rdRE" />
                                </td>
                                <td>
                                   Rental Equipment
                                </td>
                                <td align="center">
                                    <input type="radio" name="rdRE" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Graphite Golf Set
                                </td>
                            </tr>
                            <tr>
                                 <td align="center">
                                    <input type="radio" name="rdML" />
                                </td>
                                <td>
                                    Meals
                                </td>
                                 <td align="center">
                                    <input type="radio" name="rdML" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Golf Shoes
                                </td>
                            </tr>
                            <tr>
                                  <td align="center">
                                    <input type="radio" name="rdTF" />
                                </td>
                                <td>
                                   Transfer
                                </td>
                                  <td align="center">
                                    <input type="radio" name="rdTF" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Golf Buggy
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <input type="radio" name="rdCF" />
                                </td>
                                <td>
                                    Caddy Fee
                                </td>
                                 <td align="center">
                                    <input type="radio" name="rdCF" />
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                    <td colspan="4">
                        <table>
                            <tr>
                                <td>
                                    NAME LIST
                                </td> 
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="TAKABE/KATSUHIKO MR" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="KOHIKO/TETSUYA MR" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
              
            </table>
                <div id = "navi">
                    <a onclick = "return showDialog('close');" href="#" class="icon icon-Save">Save</a>
                </div>
            </div>

            <div id="dlgAddGolf">
                <table class="inputForm">
                <tr>
                    <th>
                        SUBJECT
                    </th>
                    <td colspan="3">
                        <select>
                            <option></option>
                            <option>NEW BOOKING</option>
                        </select>
                    </td>

                    <td style="text-align:right;">
                        Tel:
                    </td>
                </tr>
                <tr>
                    <th>
                        GOLF
                    </th>
                    <td>
                        <select>
                            <option></option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                        </select>
                    </td>
                    <td>
                        <input type="text" value="" readonly="readonly" style="width:80;" />
                    </td>
                    <td>
                        <input type="text" value="" readonly="readonly" style="width:400;" />
                    </td>
                    <td style="text-align:right;">
                        Fax:
                    </td>
                </tr>
            </table>
            
                <table class="inputForm">
                <tr>
                    <th class="th100" style="text-align:left;">
                        Date
                    </th>
                    <td style="width:100px;">
                        <input type="text" value="" style="width:100px;"/>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Course
                    </th>
                    <td style="width:100px;">
                        <select style="width:100px;">
                            <option></option>
                            <option>EAST</option>
                             <option>WEST</option>
                              <option>NORTH</option>
                               <option>SOUTH</option>
                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Meal
                    </th>
                    <td style="width:100;">
                        <select>
                            <option></option>
                            <option>Breakfast</option>
                             <option>Lunch</option>
                              <option>Dinner</option>
                        </select>
                    </td>
                    <th class="th100" style="text-align:left;">
                        Comment
                    </th>
                    <td>
                        <input type="text" value="" style="width:130;"/>
                    </td>
                </tr>

                <tr>
                    <th class="th200" style="text-align:left;">
                        Tee Off Time
                    </th>
                    <td style="width:150;">
                        <select style="width:100px;">
                            <option></option>
                            <option>5:00 AM</option>
                             <option>6:00 AM</option>
                              <option>7: 00 AM</option>
                               <option>8:00 AM</option>
                               <option>9:00 AM</option>
                               <option>10:00 AM</option>
                               <option>11:00 AM</option>
                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Arranged
                    </th>
                    <td style="width:200;">
                        <select style="width:100px;">
                            <option></option>
                            <option>A</option>
                             <option>B</option>
                              <option>C</option>
                               <option>D</option>
                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Others
                    </th>
                    <td colspan="2">
                         <input type="text" value="" style="width:100%;"/>
                    </td>
                    
                </tr>

                 <tr>
                    <th class="th200" style="text-align:left;">
                        Pax
                    </th>
                    <td style="width:150;">
                        <select>
                            <option></option>
                            <option>2</option>
                            <option>4</option>

                        </select>
                    </td>

                    <th class="th100" style="text-align:left;">
                        Status
                    </th>
                    <td style="width:200;">
                        <select style="width:100px;">
                            <option></option>
                            <option>OK</option>
                              <option>NG</option>
                        </select>
                    </td>
                    
                </tr>

                <tr>
                    <td colspan="4">
                        <table>
                            <tr>
                                <th class="th100">By Guest(s)</th>
                                <th class="th200"></th>
                                 <th class="th100">Bill To APEX VN</th>
                                  <th class="th200" colspan="2">Rental Equipment</th>

                            </tr>
                            <tr>
                                <td align="center">
                                    <input type="radio" name="rdGC" />
                                </td>
                                <td style="width:30px;">
                                    Green and Caddy Fee
                                </td>
                                <td align="center">
                                    <input type="radio" name="rdGC" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Steel Golf Set
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <input type="radio" name="rdRE" />
                                </td>
                                <td>
                                   Rental Equipment
                                </td>
                                <td align="center">
                                    <input type="radio" name="rdRE" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Graphite Golf Set
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <input type="radio" name="rdML" />
                                </td>
                                <td>
                                    Meals
                                </td>
                                <td align="center">
                                    <input type="radio" name="rdML" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Golf Shoes
                                </td>
                            </tr>
                            <tr>
                                  <td align="center">
                                    <input type="radio" name="rdTF" />
                                </td>
                                <td>
                                   Transfer
                                </td>
                                  <td align="center">
                                    <input type="radio" name="rdTF" />
                                </td>

                                <td style="width:30px;">
                                    <input type="checkbox" />
                                </td>
                                <td style="width:250px;">
                                    Golf Buggy
                                </td>
                            </tr>
                            <tr>
                                 <td align="center">
                                    <input type="radio" name="rdCF" />
                                </td>
                                <td>
                                    Caddy Fee
                                </td>
                                 <td align="center">
                                    <input type="radio" name="rdCF" />
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                    <td colspan="4">
                        <table>
                            <tr>
                                <td>
                                    NAME LIST
                                </td> 
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="" style="width:250px;"/>
                                </td>
                                 <td>
                                    <input type="text" value=""/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
              
            </table>
                <div id = "navi">
                    <a onclick = "return showAddDialog('close');" href="#" class="icon icon-Save">Save</a>
                </div>
            </div>
        </div>

        <div id="tabs-11">
            <div style="height:10px;"></div>
            @*@Html.ActionLink("Add", "", new { }, new { @onclick = "return showDetail('Add');" });*@
            <div id = "navi">
                <a onclick = "return showAddTrainRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>

             <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 1000px">
                <thead>
                <tr bgcolor="D8E6FC">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Train-No
                    </th>
                    <th style="text-align: center;" scope="col" class="th100">
                        Route
                    </th>
                     <th style="text-align: center;" scope="col" class="th150">
                        Class
                    </th>
                    <th style="text-align: center;" scope="col" class="th125">
                        Date
                    </th>
                   <th style="text-align: center;" scope="col" class="th300">
                        Issued By
                    </th>
                    <th style="text-align: center;" scope="col" class="th50">
                        OK
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Notes
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: center; width: 60px;">
                        <select style="width: 100%;">
                            <option>TRAIN</option>
                        </select>
                        
                    </td>
                   <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>SGN/NRT</option>
                            <option>NRT/SGN</option>
                            <option>SGN/HN</option>
                            <option>HN/SGN</option>
                        </select>
                        
                    </td>
                    <td style="text-align: center;">
                        <select style="width: 100%;" name="select2">
                            <option>SOFT BED</option>
                            <option>HARD BED</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="26/05/2013" style="width: 100%;"/>
                    </td>
                    
                    <td style="text-align: right;">
                        <select style="width: 100%;" name="select2">
                            <option>APEX JAPAN</option>
                            <option>APEX VIETNAM</option>
                        </select>
                        
                    </td>
                    
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                     <td style="text-align: center; width: 60px;">
                        <select style="width: 100%;">
                            <option>TRAIN</option>
                        </select>
                    </td>
                   <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>SGN/NRT</option>
                            <option selected="selected">NRT/SGN</option>
                            <option>SGN/HN</option>
                            <option>HN/SGN</option>
                        </select>
                        
                    </td>
                    <td style="text-align: center;">
                        <select style="width: 100%;" name="select2">
                            <option>SOFT BED</option>
                            <option>HARD BED</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="2013/05/26" style="width: 100%;" />
                    </td>
                    
                    <td style="text-align: right;">
                        <select style="width: 100%;" name="select2">
                            <option>APEX JAPAN</option>
                            <option>APEX VIETNAM</option>
                        </select>
                        
                    </td>
                    
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>

                <tr class="row-alternating" id="trAddTrain" style="display:none;">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                     <td style="text-align: center; width: 60px;">
                        <select style="width: 100%;">
                            <option></option>
                            <option>TRAIN</option>
                        </select>
                    </td>
                   <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option></option>
                            <option>SGN/NRT</option>
                            <option>NRT/SGN</option>
                            <option>SGN/HN</option>
                            <option>HN/SGN</option>
                        </select>
                        
                    </td>
                    <td style="text-align: center;">
                        <select style="width: 100%;" name="select2">
                            <option></option>
                            <option>SOFT BED</option>
                            <option>HARD BED</option>
                        </select>
                      
                    </td>
                    <td style="text-align: center;">
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                    
                    <td style="text-align: right;">
                        <select style="width: 100%;" name="select2">
                            <option>APEX JAPAN</option>
                            <option>APEX VIETNAM</option>
                        </select>
                        
                    </td>
                    
                    <td style="text-align: left;">
                        <select style="width: 100%;" name="select2">
                            <option>RQ</option>
                            <option>OK</option>
                        </select>
                        
                    </td>
                    
                    <td>
                        <input type="text" value="" style="width: 100%;"/>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
             <div id = "navi">
                <a onclick = "return showAddTrainRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-12">
            <div style="height:10px;"></div>
            <div id = "navi">
                <a onclick = "return showAddRow('Close');" href="#" class="icon icon-Save">Save</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>
             <div style="height:10px;"></div>
            <table class="inputForm">
                <tr>
                    <td>
                        <table class="inputForm">
                            <tr>
                                <th>Date From</th>
                                <td>
                                    <input type="text" class="hasDatepicker" value="2013/05/26" style="width:110px;"/>
                                </td>
                                <th>Date To</th>
                                <td>
                                    <input type="text" class="hasDatepicker" value="2013/05/29" style="width:110px;"/>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    By
                                </th>
                                <td colspan="3">
                                    <select style="width:300px;">
                                        <option>APEX VIETNAM CO.,LTD</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    Notes
                                </th>
                                <td colspan="3">
                                    <input type="text" value="" style="height:50px;width:300px;"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                    
                    <td>
                        <table class="inputForm">
                            <tr>
                                <th>City</th>
                                <td>
                                    <input type="text" value="UIH" style="width:300px;"/>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    Status
                                </th>
                                <td colspan="3">
                                    <select style="width:300px;">
                                        <option>RQ</option>
                                        <option>OK</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    Description
                                </th>
                                <td colspan="3">
                                    <input type="text" value="" style="height:50px;width:300px;"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    
                </tr>
            </table>
        </div>

        <div id="tabs-13">
            <div style="height:10px;"></div>
            <div id = "navi">
                <a onclick = "return showAddPaxRow('Add');" href="#" class="icon icon-Add">Add</a>
                <a onclick = "" href="#" class="icon icon-Delete">Delete</a>
            </div>
            <div style="overflow: auto; width: 100%" id="formNumber">
                <table class="data-table" style="width: 500px">
                <thead>
                <tr bgcolor="D8E6FC">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <th style="text-align: center;" scope="col" class="th300">
                        Guest Name
                    </th>
                    <th style="text-align: center;" scope="col" class="th200">
                        Age Name
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="row-alternating">
                    <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: left;">
                        <input type="text" value="FUKUDA/SACHIKO MS" style="width: 100%;" />
                    </td>
                    <td>
                        <input type="text" value="30" style="width: 100%;" />
                    </td>
                </tr>

                <tr class="row-alternating" id="trAddPax" style="display:none;">
                     <th style="text-align: center;width:10px;" scope="col">
                        <input type="checkbox" style="width:10px;"/>
                    </th>
                    <td style="text-align: left;">
                        <input type="text" value="" style="width: 100%;" />
                    </td>
                    <td>
                        <input type="text" value="" style="width: 100%;" />
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <div id = "navi">
                <a onclick = "return showAddPaxRow('Close');" href="#" class="icon icon-Save">Save</a>
            </div>
        </div>

        <div id="tabs-14">
        Content for Tab 3 goes here.<br/>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
        sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>

</div>
    <!-- InstanceEndEditable -->
</div>
<!-- main end-->
